  .box {
    background-color: #fff;
    height: 100vh;
    background: linear-gradient(to bottom,#5ec7b8,#5ec7b8, #f7f6fa, #f7f6fa, #f7f6fa, #f7f6fa, #f7f6fa, #f7f6fa, #f7f6fa, #f7f6fa, #f7f6fa, #f7f6fa);
    .box1 {
      background-color: #65c7b8;
      height: 90rpx;
      line-height: 90rpx;
      color: #000;
      text-align: center;
      display: flex;
      padding: 0 30rpx;
      margin-bottom: 20rpx;
      .box11 {
        width: 85%;
        color: #fff;
      }
    }

    .box2 {
			width: 96%;
			margin: 0 auto 20rpx;
      box-sizing: border-box;
			padding: 2%;
      background-color: #fff;
      border-radius: 25rpx;
			.box2-top{
				display: flex;
				align-items: center;
				image{
					width: 70rpx;
					height: 70rpx;
					margin-right: 20rpx;
				}
			}
			.list{
				width: 100%;
				margin-top: 20rpx;
				height: 230rpx;
				background-color: #ffffff;
				border-radius: 20rpx;
				padding: 2%;
				display: flex;
				justify-content: space-between;
				box-sizing: border-box;

				.group{
					width: 5%;
					margin-top: 80rpx;
					
				}
				.all{
					width: 94%;
					
					display: flex;
					justify-content: space-between;
					.all-left{
						width: 30%;
						height: 180rpx;						
						text-align: center;
						image{
							border-radius: 20rpx;
							width: 85%;
							height: 90%;
						}
					}
					.all-right{
						width: 68%;
						
				
						.all-top{
							width: 100%;
							display: flex;
							justify-content: space-between;
							.all-top1{
								width: 100%;
								height: 50rpx;
								font-size: 30rpx;
								color: black;
								
							}
						}
						.all-bottom{
							margin-top: 90rpx;
							width: 100%;
							display: flex;
							justify-content: space-between;
						}
					}
				}
			}
    }
    .footer{
      width: 100%;
      background-color: #fff;
      box-sizing: border-box;
      display: flex;
      justify-content: space-between;
      padding-bottom: 60rpx;
      position: fixed;
      bottom: 0;
      .footer1{
        width: 40%;
        display: flex;
        justify-content: space-between;
        padding: 20rpx;
        box-sizing: border-box;
      }
      .footer2{
        width: 50%;
        display: flex;
        justify-content: space-between;
        .but{
        	width: 48%;
        	height: 80rpx;
        	line-height: 80rpx;
          background-color: #008c8c;
          color: #fff;
          font-size: 28rpx;
        }
        .but1{
        	width: 48%;
        	height: 80rpx;
        	line-height: 80rpx;
          background-color: #d6f1ed;
          color: #008c8c;
          font-size: 28rpx;
        }
      }
    }
  }